<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户注册</title>
    <link rel="stylesheet" href="css/pico.min.css" />
    <style>
      main {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }
      form {
        width: 30rem;
        border: 1px solid #ccc;
        padding: 2rem;
        border-radius: 0.5rem;
        box-shadow: 5px 5px 10px #ccc;
      }
    </style>
  </head>
  <body>
    <main class="container">
      <form action="/register" method="post">
        <h2>用户注册</h2>
        <div>
          <label for="username">用户名</label>
          <input type="text" name="username" id="username" />
        </div>
        <div>
          <label for="password">密码</label>
          <input type="password" name="password" id="password" />
        </div>
        <div>
          <label for="password2">确认密码</label>
          <input type="password" name="password2" id="password2" />
        </div>
        <div>
          <label for="nickname">昵称</label>
          <input type="text" name="nickname" id="nickname" />
        </div>
        <button>注册</button>
      </form>
    </main>
  </body>
</html>
